<template>
    <view class="flex-col homepage">
        <view class="flex-col wrapper">
            <view class="u-line-1 text">体检报告</view>
            <view class="flex-row wraper-row">
                <view class="u-line-1 text-two">项目:</view>
                <view class="u-line-1 text-three">{{medical.setMealName}}</view>
            </view>
            <view class="flex-row wraper-row">
                <view class="u-line-1 text-four">姓名:</view>
                <view class="u-line-1 text-five">{{medical.name}}</view>
            </view>
            <view class="flex-row wraper-row-two">
                <view class="u-line-1 text-six">身份证号:</view>
                <view class="u-line-1 text-seven">{{medical.number}}</view>
            </view>
            <view class="flex-row wraper-row-three">
                <view class="u-line-1 text-eight">报告日期:</view>
                <view class="u-line-1 text-nine">{{medical.updateTime}}</view>
            </view>
            <view class="u-line-1 text-ten"></view>
        </view>
        <view class="u-line-1 text-eleven">所有项目</view>
        <view class="u-line-1 text-twelve" @click="convention">常规报告</view>
        <u-line class="line" margin="0rpx error_numrpx 30rpx error_numrpx"></u-line>
        <view class="u-line-1 text-thirteen" @click="bool">血常规检查</view>
        <u-line class="line" margin="0rpx error_numrpx 30rpx error_numrpx"></u-line>
        <view class="u-line-1 text-fourteen" @click="liver">肝功能报告</view>
        <u-line class="line" margin="0rpx error_numrpx 0rpx error_numrpx"></u-line>
    </view>
</template>
<script>
    export default {
        data() {
            return {
				medical:''
			}
        },
        methods: {
			
			//肝功能报告
			liver(){
				console.log(this.medical.id)
				uni.navigateTo({
					url:'liver?id='+this.medical.id
				})
			},
			
			//血常规报告
			bool(){
				console.log(this.medical.id)
				uni.navigateTo({
					url:'blood?id='+this.medical.id
				})
			},
			
			//常规报告
			convention(){
				console.log(this.medical.id)
				uni.navigateTo({
					url:'convention?id='+this.medical.id
				})
			}

        },
		onLoad(res) {
			this.medical = res
			console.log("this.medical" ,this.medical)
		}
    }
</script>
<style lang="scss" scoped>
    /** 全局样式-开始,建议放在公共css样式文件中,比如common.css 或app.vue文件 */

    html,
    body {
        margin: 0;
        width: 100%;
        height: 100%;
        font-size: 16px
    }

    view,
    text,
    image {
        position: relative;
        box-sizing: border-box;
        flex-shrink: 0;
    }

    .flex-col {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .flex-row {
        display: flex;
        align-items: flex-start;
    }

    .flex-col .flex-row {
        width: 100%
    }

    /** 全局样式-结束*/

    .homepage {
        padding: 20rpx 0rpx 0rpx 23rpx;
        border-width: 30rpx;

        .wrapper {
            width: 704rpx;
            height: 366rpx;
            margin-bottom: 60rpx;
            padding: 20rpx 0rpx 0rpx 30rpx;
            border-radius: 20rpx;
            background: #ffffff;

            .text {
                width: 140rpx;
                margin-bottom: 30rpx;
                font-size: 32rpx;
                font-weight: 550;
            }

            .wraper-row {
                width: 626rpx;
                justify-content: space-between;
                margin-bottom: 30rpx;

                .text-two {
                    width: 96rpx;
                }

                .text-three {
                    width: 528rpx;
                }
            }

            .wraper-row {
                width: 626rpx;
                justify-content: space-between;
                margin-bottom: 30rpx;

                .text-four {
                    width: 96rpx;
                }

                .text-five {
                    width: 528rpx;
                }
            }

            .wraper-row-two {
                width: 580rpx;
                justify-content: space-between;
                margin-bottom: 30rpx;

                .text-six {
                    width: 128rpx;
                }

                .text-seven {
                    width: 450rpx;
                }
            }

            .wraper-row-three {
                width: 580rpx;
                justify-content: space-between;

                .text-eight {
                    width: 128rpx;
                }

                .text-nine {
                    width: 450rpx;
                }
            }

            .text-ten {
                bottom: 16rpx;
                left: -22rpx;
                position: absolute;
            }
        }

        .text-eleven {
            width: 728rpx;
            margin-bottom: 30rpx;
        }

        .text-twelve {
            width: 710rpx;
            margin: 0rpx 0rpx 30rpx 16rpx;
        }

        .line {
            width: 710rpx;
        }

        .text-thirteen {
            width: 710rpx;
            margin: 0rpx 0rpx 30rpx 16rpx;
        }

        .text-fourteen {
            width: 710rpx;
            margin: 0rpx 0rpx 30rpx 16rpx;
        }
    }
</style>